<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <title>登陆 - 智慧排课系统</title>
    <!-- icon -->
    <link rel="shortcut icon" th:href="@{../static/picture/favicon.ico}" />
    <!-- BEGIN:CSS Assets-->
    <link rel="stylesheet" th:href="@{../static/css/app.css}" />
    <!-- END:CSS Assets-->
</head>
<!-- END:Head -->
<body class="login">
<div class="container sm:px-10">
    <div class="block xl:grid grid-cols-2 gap-4">
        <!-- BEGIN:Login Info -->
        <div class="hidden xl:flex flex-col min-h-screen">
            <a href="" class="-intro-x flex items-center pt-5">
                <img alt="Midone Tailwind HTML Admin Template" class="w-8" src="../static/picture/logo.svg" />
                <span class="text-white text-lg ml-3">睿科
                    <span class="font-medium">一人一课表智慧排课系统</span></span></a>
            <div class="my-auto">
                <img alt="Midone Tailwind HTML Admin Template" class="-intro-x w-1/2 -mt-16" src="../static/picture/illustration.svg" />
                <div class="-intro-x text-white font-medium text-4xl leading-tight mt-10">
                    再点击几下
                    <br />
                    登录您的帐户。
                </div>
                <div class="-intro-x mt-5 text-lg text-white">
                    欢迎使用睿科一人一课表系统
                </div>
            </div>
        </div>
        <!-- END:Login Info -->
        <!-- BEGIN:Login Form -->
        <div class="h-screen xl:h-auto flex py-5 xl:py-0 my-10 xl:my-0">
            <div class="my-auto mx-auto xl:ml-20 bg-white xl:bg-transparent px-5 sm:px-8 py-8 xl:p-0 rounded-md shadow-md xl:shadow-none w-full sm:w-3/4 lg:w-2/4 xl:w-auto">
                <form th:action="@{/loginDo}" method="post">
                    <h2 class="intro-x font-bold text-2xl xl:text-3xl text-center xl:text-left">登陆</h2>
                    <div class="intro-x mt-2 text-gray-500 xl:hidden text-center">
                        再点击几下. 欢迎使用睿科一人一课表系统
                    </div>
                    <div class="intro-x mt-8">
                        <input type="text" class="intro-x login__input input input--lg border border-gray-300 block" name="username" placeholder="学号/工号/手机号" />
                        <input type="password" class="intro-x login__input input input--lg border border-gray-300 block mt-4" name="password" placeholder="密码" />
                    </div>
                    <div class="intro-x mt-3">
                        <h4 style="color: #ff0000;font-weight: 500" th:text="${msg}"></h4>
                    </div>
                    <div class="intro-x flex text-gray-700 text-xs sm:text-sm mt-4">
                        <div class="flex items-center mr-auto">
                            <input type="checkbox" class="input border mr-2" id="rememberMe" name="rememberMe" />
                            <label class="cursor-pointer select-none" for="rememberMe">记住我</label>
                        </div>
                        <a href="">忘记密码?</a>
                    </div>
                    <div class="intro-x mt-5 xl:mt-8 text-center xl:text-left">
                        <input type="submit" class="button button--lg w-full xl:w-32 text-white bg-theme-1 xl:mr-3" value="登陆" />
                        <button class="button button--lg w-full xl:w-32 text-gray-700 border border-gray-300 mt-3 xl:mt-0">注册</button>
                    </div>
                    <div class="intro-x mt-10 xl:mt-24 text-gray-700 text-center xl:text-left">
                        登陆后，就默认您同意我们的协议了
                        <br />
                        <a class="text-theme-1" href="">条款和条件</a> 以及
                        <a class="text-theme-1" href="">隐私政策</a>
                    </div>
                </form>
            </div>
        </div>
        <!-- END:Login Form -->
    </div>
</div>
<!-- BEGIN:JS Assets-->
<script th:src="@{../static/js/app.js}"></script>
<!-- END:JS Assets-->
</body>
</html>